<template>
  <MapCard :base-set="{ top: '580px', left: '20px', height: '442px' }">
    <div slot="title">
      功能说明
    </div>
    <div>
      <el-button
        @click="
          () => {
            $parent.$refs.mapDemo.toggleCanvasDraw();
          }
        "
      >
        开始/停止canvas绘图
      </el-button>
      <p>1 通过创建canvas绘图添加到map中。（a 可以自由绘画 b 某些场景中性能优势非常大）</p>
      <el-button
        @click="
          () => {
            $parent.$refs.mapDemo.toggleTianditu();
          }
        "
      >
        展示/隐藏天地图
      </el-button>
      <p>线条的几条动作</p>
      <el-button @click="line1">
        line1
      </el-button>
    </div>
  </MapCard>
</template>

<script>
export default {
  data () {
    return {};
  },
  created () {},
  methods: {
    line1 () {
      this.$parent.$refs.mapDemo.line1();
    }
  }
};
</script>

<style scopded lang="less">
.tit {
  position: absolute;
  top: 215px;
}
</style>
